/*layui兼容样式*/

/*logo*/
.logo-block{height: 60px; text-align: center;
    line-height: 60px; background: #20222A}

/*顶部*/
.layui-layout-admin .layui-header{background: #fff; border-bottom: 1px solid #f6f6f6}
.layui-layout-admin .layui-header .layui-icon{color: #333}
.layui-layout-admin .layui-header .layui-nav-item a{color: #333}
.layui-layout-admin .layui-header .layui-nav-item .layui-nav-more{border-top-color:#333}

.layadmin-pagetabs {
    position: fixed;
    top: 60px;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.layadmin-pagetabs .item{padding: 0 15px; text-align: center; border-right: 1px solid #f6f6f6}
.layadmin-pagetabs-con{position: absolute; left: 57px;  right: 57px;}

.layadmin-tab{margin: 0;}
.layadmin-tab li{border-right: 1px solid #f3f3f3; }
.layadmin-tab li:first-child{width: 15px;min-width:auto;}
.layadmin-tab li.layui-this:after{border: 0}
.layadmin-tab li .layui-tab-close{border-radius: 10px;}



/*左侧*/
.layui-layout-admin .layui-side{top: 0; z-index: 9999}

/*左侧宽度*/
.layui-layout-admin .layui-side,.layui-nav-tree{width: 220px;}
/*距离左侧 left：220*/
.layadmin-pagetabs,.layui-side-left,.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer{left: 220px}

/*layui-body*/
.layui-layout-admin .layui-body{position:absolute;top: 100px;
    bottom: 0;}

/*悬浮出现小手图标*/
.layadmin-pagetabs .item{cursor: pointer}

/*背景缓慢出现*/
.layadmin-pagetabs .item:hover,.layadmin-tab li:hover{cursor:pointer;transition:all .3s;-webkit-transition:all .3s;}
.layadmin-pagetabs .item:hover,.layadmin-tab li:hover,.layadmin-tab li.layui-this{background: #f6f6f6}






